<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>Lonelee 博客</title>
    <link rel='Shortcut Icon' type='image/x-icon' href='./img/favicon.ico'>
    <script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
    <link href="./css/animate.css" rel="stylesheet">
    <script type="text/javascript" src="./component/layer-v3.0.3/layer/layer.js"></script>
    <link rel="stylesheet" href="./component/font-awesome-4.7.0/css/font-awesome.min.css">
    <link href="./css/default.css" rel="stylesheet">
    <script type="text/javascript" src="./js/win10.js"></script>
    <style>
        * {
            font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu
        }
        /*磁贴自定义样式*/

        .win10-block-content-text {
            line-height: 44px;
            text-align: center;
            font-size: 16px;
        }
    </style>
    <script>
        Win10.onReady(function () {
            //壁纸
            Win10.setBgUrl({
                main: './img/wallpapers/main.jpg',
                mobile: './img/wallpapers/main.jpg',
            });

            //动画
            Win10.setAnimated([
                'animated flip',
                'animated bounceIn',
            ], 0.01);

            //消息
            setTimeout(function () {
                Win10.newMsg('Lonelee 博客', '欢迎', function () { })
            }, 1500)

            //右键菜单
            Win10.setContextMenu('#win10>.desktop', [
                ['<i class="fa fa-fw fa-window-maximize"></i>全屏', function () { Win10.enableFullScreen() }],
                ['<i class="fa fa-fw fa-window-close"></i>关闭', function () { Win10.close() }],
            ])
        })
    </script>
</head>

<body>
    <div id="win10">
        <div class="desktop">
            <div id="win10-shortcuts" class="shortcuts-hidden">
                <div class="shortcut" onclick="Win10.openUrl('http://vance_li.deercv.com','<img src=\'./img/avatar.png\' class=\'icon\'>Lonelee')">
                    <img src="./img/avatar.png" class="icon">
                    <div class="title">Lonelee</div>
                </div>
                <div class="shortcut" onclick="Win10.openUrl('https://music.163.com/outchain/player?type=0&id=130503408&auto=1&height=430','<img src=\'./img/ico/music163.png\' class=\'icon red\'>网易云音乐')">
                    <img src="./img/ico/music163.png" class="icon red">
                    <div class="title">网易云音乐</div>
                </div>
                <div class="shortcut" onclick="Win10.openUrl('https://i.dmzj.com//subscribe','动漫之家')">
                    <img src="./img/ico/dongmanzhijia.ico" class="icon white">
                    <div class="title">动漫之家</div>
                </div>
                <div class="shortcut" onclick="window.open('https://github.com/lonelee-kirsi')">
                    <img src="./img/ico/github.png" class="icon white">
                    <div class="title">GitHub</div>
                </div>
                <div class="shortcut" onclick="Win10.openUrl('https://cn.bing.com/','<img src=\'./img/ico/bing.png\' class=\'icon green\'>Bing')">
                    <img src="./img/ico/bing.png" class="icon green">
                    <div class="title">Bing</div>
                </div>
            </div>
        </div>
        <div id="win10-menu" class="hidden">
            <div class="list win10-menu-hidden animated animated-slideOutLeft">
                <div class="item" onclick="Win10.openUrl('https://wj.qq.com/s/1526301/8878','反馈')"><i class="orange icon fa fa-question fa-fw"></i><span>反馈</span></div>
                <div class="item" onclick="Win10.openUrl('./donate/index.html','捐助')"><i class="blue icon fa fa-thumbs-up fa-fw"></i>捐助</div>
                <div class="item" onclick=""><i class="red icon fa fa-heart fa-fw"></i><span>感谢</span></div>
            </div>
            <div class="blocks">
                <div class="menu_group">
                    <div class="title">每日一句</div>
                    <div loc="1,1" size="6,1" class="block">
                        <div class="content cover gray">我们仰望着同一片天空却看着不同的地方。</div>
                        <div class="content detail green" >新海诚《秒速5厘米》</div>
                    </div>
                </div>
            </div>
            <div id="win10-menu-switcher"></div>
        </div>
        <div id="win10_command_center" class="hidden_right">
            <div class="title">
                <h4 style="float: left">消息</h4>

            </div>
            <div class="msgs"></div>
        </div>
        <div id="win10_task_bar">
            <div id="win10_btn_group_left" class="btn_group">
                <div id="win10_btn_win" class="btn"><span class="fa fa-windows"></span></div>
            </div>
            <div id="win10_btn_group_middle" class="btn_group"></div>
            <div id="win10_btn_group_right" class="btn_group">
                <div class="btn" id="win10_btn_time"></div>
                <div class="btn" id="win10_btn_command"><span id="win10-msg-nof" class="fa fa-comment-o"></span></div>
                <div class="btn" id="win10_btn_show_desktop"></div>
            </div>
        </div>
    </div>
</body>

</html>